<template>
	<view>
		<view class="content" v-for="item in 4">
			<u-cell-group :border="false">
				<u-cell-item  title="小米手机">
					<u-icon slot="icon" size="32" name="shopping-cart"></u-icon>
					<view>交易成功</view>
				</u-cell-item>
			</u-cell-group>
			
			<u-row gutter="16" justify="space-between">
				<u-col span="4">
					<view>
						<u-image width="100%" height="auto" src="/static/images/ad.png" mode="widthFix"></u-image>
					</view>
				</u-col>
				<u-col span="8">
					<view class="list_word">
						<text>【冬日限定】现货 原创jk制服女2020冬装新款小清新宽松软糯毛衣外套女开衫短款百搭日系甜美风</text>
						<view>粉色 M号</view>
						<view>共1件商品 合计:157元</view>
					</view>
				</u-col>
			</u-row>
			<u-grid :col="2" :border="false">
				<u-grid-item>
					<view class="grid-text">查看详情</view>
				</u-grid-item>
				<u-grid-item>
					<view class="grid-text">确认收货</view>
				</u-grid-item>
			</u-grid>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.content{
		background-color: #FFFFFF;
		margin: 20rpx;
		padding: 20rpx;
		box-shadow:0px 0px  10px 0px #e4e7ed;
		border-radius: 15rpx;
	}
</style>
